<!-- 声明 -->
<!DOCTYPE html>
<html>

<head>
  <title>QG惠州商家</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!-- <link rel="stylesheet" href="./awesome/css/font-awesome.min.css"> -->
  <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
  <link href="https://cdn.bootcss.com/layer/2.3/skin/layer.css" rel="stylesheet" />
  <style>
    * {
        margin: 0;
        padding: 0;
      }
      ul,
      ol {
        list-style: none;
      }
      body {
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
          sans-serif;
      }
      .hidden {
        display: none;
      }
      .new-btn-login-sp {
        padding: 1px;
        display: inline-block;
        width: 75%;
      }
      .new-btn-login {
        background-color: #02aaf1;
        color: #ffffff;
        font-weight: bold;
        border: none;
        width: 100%;
        height: 30px;
        border-radius: 5px;
        font-size: 16px;
      }
      #main {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        display: none;
      }
      .red-star {
        color: #f00;
        width: 10px;
        display: inline-block;
      }
      .null-star {
        color: #fff;
      }
      .content {
        margin-top: 5px;
      }
      .content dt {
        width: 100px;
        display: inline-block;
        float: left;
        margin-left: 20px;
        color: #666;
        font-size: 13px;
        margin-top: 8px;
      }
      .content dd {
        margin-left: 120px;
        margin-bottom: 5px;
      }
      .content dd input {
        width: 85%;
        height: 28px;
        border: 0;
        -webkit-border-radius: 0;
        -webkit-appearance: none;
      }
      #foot {
        margin-top: 10px;
        position: absolute;
        bottom: 15px;
        width: 100%;
      }
      .foot-ul {
        width: 100%;
      }
      .foot-ul li {
        width: 100%;
        text-align: center;
        color: #666;
      }
      .note-help {
        color: #999999;
        font-size: 12px;
        line-height: 130%;
        margin-top: 5px;
        width: 100%;
        display: block;
      }
      #btn-dd {
        margin: 20px;
        text-align: center;
      }
      .foot-ul {
        width: 100%;
      }
      .one_line {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #eeeeee;
        width: 90%;
        margin-left: 20px;
      }
      .am-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: box;
        width: 100%;
        position: relative;
        padding: 7px 0;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        background: #1d222d;
        height: 50px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        box-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        box-align: center;
      }
      .am-header h1 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        box-flex: 1;
        line-height: 18px;
        text-align: center;
        font-size: 18px;
        font-weight: 300;
        color: #fff;
      }

      form {
        background: #fff;
        padding: 20px 0px;
        margin: 15px;
        box-shadow: 0 3px 5px #ccc;
        border-radius: 5px;
      }
      .tit {
        color: #aaa;
      }
      body {
        background-image: url("https://ww2.sinaimg.cn/large/a15b4afegy1fpp139ax3wj200o00g073.jpg");
      }

      #WIDsubject,
      #WIDout_trade_no {
        color: #aaa;
      }

      .tel {
        text-align: center;
        color: #2196f3;
        font-size: 10px;
      }

      #btn {
        width: 100%;
        font-size: 14px;
        margin-top: 15px;
      }

      .weihu{
        text-align: center;
        display: none;
        margin-top: 50px;
      }
    </style>
</head>

<body text="#000000" bgColor="#ffffff" leftMargin="0" topMargin="4">
  <!-- <header class="am-header"> -->
  <!-- <h1>支付宝手机网站支付接口快速通道</h1> -->
  <!-- </header> -->
  <div id="main">
    <form name="alipayment" action="alipayapi.php" method="POST" target="_blank">
      <div id="body" style="clear:left">
        <dl class="content">
          <dt><i class="fa fa-barcode fa-lg"></i> &nbsp;订单编号 ：</dt>
          <dd>
            <span class="tit">QG-惠州商家</span>
            <input id="WIDout_trade_no" name="WIDout_trade_no" readonly />
          </dd>
          <hr class="one_line" />
          <dt><i class="fa fa-table fa-lg"></i> &nbsp;订单名称 ：</dt>
          <dd><input id="WIDsubject" name="WIDsubject" readonly /></dd>
          <hr class="one_line" />
          <dt><i class="fa fa-credit-card fa-lg"></i> &nbsp;付款金额 ：</dt>
          <dd>
            <input id="WIDtotal_fee" name="WIDtotal_fee" placeholder="请输入油卡充值金额" />
          </dd>
          <hr class="one_line" />
          <!-- <dt>商品展示网址
：</dt>
                    <dd>
                        <input id="WIDshow_url" name="WIDshow_url" />
                    </dd> -->
          <!-- <hr class="one_line">
                    <dt>商品描述：</dt>
                    <dd>
                        <input id="WIDbody" name="WIDbody" />
                    </dd> -->
          <!-- <hr class="one_line"> -->
          <dt></dt>
          <dd id="btn-dd">
            <span class="new-btn-login-sp">
              <button id="btn" class="new-btn-login" type="sub" style="text-align:center;">
                支付宝
              </button>
            </span>
            <!-- <span class="note-help">如果您点击“确认”按钮，即表示您同意该次的执行操作。</span> -->
          </dd>
        </dl>
      </div>
    </form>
    <p class="tel">投诉电话：15669854194 其他业务勿扰</p>
  </div>



  <div class="weihu">
    <h1>维护中...</h1>
  </div>
</body>

<script src="./assets/jquery/jquery-3.3.1.min.js"></script>
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<script language="javascript">
  function GetDateNow() {
    var vNow = new Date();
    var sNow = "";
    sNow += String(vNow.getFullYear());
    sNow += String(vNow.getMonth() + 1);
    sNow += String(vNow.getDate());
    sNow += String(vNow.getHours());
    sNow += String(vNow.getMinutes());
    sNow += String(vNow.getSeconds());
    sNow += String(vNow.getMilliseconds());
    document.getElementById("WIDout_trade_no").value = sNow;
    document.getElementById("WIDsubject").value = "油卡充值--慢充";
    // document.getElementById("WIDtotal_fee").value = "0.01";
  }
  GetDateNow();

  // 表单提交
  $("#btn").click(function () {
    // alert('1')
    var money = $("#WIDtotal_fee").val();
    if (money == "") {
      layer.msg("请输入充值金额", {
        shift: 6
      });
      return false;
    }

    if (money > 40000 || money < 999) {
      layer.msg("充值金额在999-40000之间", {
        shift: 6
      });
      return false;
    }
  });





  $.ajax({
    url: './alipay.config.php',
    type: 'get',
    // dataType:'json',
    success: function (msg) {
      // console.log(msg)
      if (msg == '400') {
        $('#main').hide()
        $('.weihu').show()
      } else {
        $('.weihu').hide()
        $('#main').show()
        // $('.weihu').show()
      }
    }

  })
</script>

</html>